<template>
	<div class="register_div">
		<div class="header_div">
			<p class="btn_back" @click="btn_back">返回</p>
			手机号注册
			<p class="btn_head_login" @click="btn_head_login">登录</p>
		</div>
		<div class="input_div">
			<p class="input_p">
				<span>手机</span>
				<input type="text" name="" placeholder="手机号">
			</p>
			<p class="input_p">
				<span>验证码</span>
				<input type="text" name="" placeholder="验证码">
				<input type="button" class="btn_getCode" value="获取验证码" @click="btn_getCode" name="">
			</p>
			<p class="input_p">
				<span>密码</span>
				<input type="password" name="" placeholder="请输入密码">
			</p>
		</div>
		<p class="btn_login" @click="btn_submit">确定</p>
		<p class="dongtai_login">邮箱注册</p>
	</div>
</template>
<script>
	export default{
		data(){
			return {

			}
		},
		methods:{
			btn_back:function(){
				this.$router.go(-1);
			},
			//登录
			btn_head_login:function(){
				this.$router.push({ path: '/login' })
			},
			btn_submit:function(){
				console.log('btn_submit')
			},
			btn_getCode:function(){

			}
		}
	}
</script>
<style rel="stylesheet" scoped>
	.btn_getCode{
		position: absolute;
	    right: 0.4rem;
	    width: 100px;
	    text-indent: 0;
	}
	.input_p input[type=text], .input_p input[type=password]{
		text-indent: 90px;
	}
</style>